<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>
    <p>这是一个段落哦</p>
    <p> <strong> 这是一个需要强调的文本,加粗 </strong>
    </p>
                                                     <!-- <strong>双标签，强调，字体加粗-->
    <p> <em>这时有个需要强调的文本，斜体</em>  <!-- <em>双标签，强调，斜体-->
        <p><strong><em>这是一个需要强调斜体加粗的文版 </em></strong>
    </p>
    <p>
        直角三角形：<br>
         a<sup>2</sup>+b<sup>2</sup>=c<sup2</sup>  <br>
         O<sub>2</sub>+H<sub>2</sub>=H<sub>2</sub>O<sub>2</sub>
         <!-- <sub></sub>,,<sup></sup>:双标签，下标文本和上标文-->
        
    </p>
    <p>
        售价：<del>原价300</del>，，，<ins>现价200</ins>
        <!--  <del>  <ins> 双标签 :删除文本，添加文本-->>
    </p>
</body>
</html>